<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<!-- 引入 Bootstrap -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<script src="https://lib.baomitu.com/jquery/1.12.4/jquery.min.js"></script>
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
<script type="text/javascript" src="../../res/js/llr/userList.js"></script>
<link href="../../res/css/llr/userList.css" rel="stylesheet">
<title>用户列表</title>
</head>
<body>
	<div class="table-responsive mytab" id="divMax">
		<input type="button" class="btn btn-warning" id="addBtn" value="新增">
		<form id="queryForm" >
			<input type="text" class="textCss" id="name" name="userName"
				placeholder="请输入用户名"> <input type="button" value="查询"
				class="btn btn-success btn-sm" id="queryBtn" onclick="query()">
		</form>
		<table class="table table-hover table-bordered table-striped">
			<thead id="theadId">
				<tr>
				   <th>用户ID</th>
				   <th>用户姓名</th>
				   <th>用户密码</th>
				   <th>用户邮箱</th>
				   <th>用户电话</th>
				   <th>用户地区</th>
				   <th>操作</th>
				</tr>
			</thead>
			<tbody id="tab">

			</tbody>
		</table>
		<ul class="pagination"></ul>
	</div>
	<div id="addOrUpdateDiv" class="addOrUpdateDiv">
		<form class="form-horizontal" id="userForm">
			<fieldset>
				<div id="legend" class="">
					<legend class="">用户列表</legend>
				</div>
				<div class="control-group">
					<input type="hidden" id="userId" name="userId">
					<!-- Text input-->
					<label class="control-label" for="input01">用户名:</label>
					<div class="controls">
						<input type="text" id="userName" name="userName" placeholder="请输入用户名" class="input-xlarge">
						<p class="help-block"></p>
					</div>
				</div>
				<div class="control-group">
					<!-- Text input-->
					<label class="control-label" for="input01">密码:</label>
					<div class="controls">
						<input type="password" id="userPwd" name="userPwd" placeholder="请输入密码" class="input-xlarge">
						<p class="help-block"></p>
					</div>
				</div>
				<div class="control-group">
					<!-- Text input-->
					<label class="control-label" for="input01">邮箱:</label>
					<div class="controls">
						<input type="email" id="userEmail" name="userEmail" placeholder="请输入您的邮箱" class="input-xlarge">
						<p class="help-block"></p>
					</div>
				</div>
				<div class="control-group">
					<!-- Text input-->
					<label class="control-label" for="input01">联系电话:</label>
					<div class="controls">
						<input type="text" id="userPhone" name="userPhone" placeholder="请输入您的手机号" class="input-xlarge">
						<p class="help-block"></p>
					</div>
				</div>
				<div class="control-group">
					<!-- Text input-->
					<label class="control-label" for="input01">地址:</label>
					<div class="controls">
						<input type="text" id="userAddress" name="userAddress" placeholder="请输入地址" class="input-xlarge">
						<p class="help-block"></p>
					</div>
				</div>
				
				<div class="control-group">
					<label class="control-label"></label>

					<!-- Button -->
					<div class="controls">
						<input type="button" class="btn btn-success" id="userSubmit" value="提交">
						<input type="button" class="btn btn-inverse" value="取消" id="cancelBtn">
					</div>
				</div>
			</fieldset>
		</form>
	</div>
</body>
</html>